<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<title>{% block title %}{% endblock %}</title>

	<link rel="stylesheet" href="/site_media/css/newnewstyle.css" type="text/css" />
	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css">
	<link href="http://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet" type="text/css" >
	<script type="text/javascript" src="/site_media/js/json2.js"></script>	
	<script type="text/javascript" src="/site_media/js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="/site_media/js/underscore.js"></script>
	<script type="text/javascript" src="/site_media/js/backbone.js"></script>	
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	
	<script type="text/javascript" src="/site_media/js/review/appetizor.js"></script>
	{% block external %}{% endblock %}
	
	{% include "reviews/underscore_templates.html" %}
</head>
<body>
	<div id="top-bar"></div>
	<div id="body-container">
		<div id="header" class="clearfix">
		<div id="title-logo"><a href="/">TopoftheMenu</a></div>
		<ul class="rounded">
			{% if user.is_authenticated %}
			<li><a href="/user/{{ user.username }}/">Profile</a></li>
			<li><a href="/logout/">Logout</a></li>
			{% else %}
			<li><a href="/login/">Sign in</a></li>
			<li><a href="/register/">Sign up</a></li>
			{% endif %}
		</ul>
		</div>
	
		<div id="content"  class="clearfix">
		{% block content %}{% endblock %}
		</div>

	</div>
			
		<div id="footer">
			<ul>
				<li>Contact</li>
				<li>About</li>
			</ul>
		</div>
</body>
</html>